<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/base-admin-template.xhtml">
	
	<!-- Se pone el link de los vehiculos en estado activo -->
	<ui:define name="link_vehiculos"><li class="active"><a href="#{request.contextPath}/pages/gestionDeVehiculos/gestion_de_vehiculos.xhtml">Vehículos</a></li></ui:define>


	<!-- Aqui se define el contenido para esta pantalla -->
	
	<ui:define name="main">
	
	<h2 class="sub-header">Alta de vehículos</h2>
	 
	 
	<h:form id="form_crear_vehiculo">
	
		<p:messages id="msgs"  />

        <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">    
        
      		<p:outputLabel  value="Fabricante: " />
        <p:selectOneMenu value="#{vehiculosBean.fabricanteSeleccionado}" effect="fade" >
            <f:selectItem itemLabel="Elige uno" itemValue="" />
            <f:selectItems value="#{vehiculosBean.fabricantesString}" />
            <p:ajax update="combo_Modelos" event="valueChange"  listener="#{vehiculosBean.fabricanteChange}" />
        </p:selectOneMenu>
       
            
            
         <p:outputLabel  value="Modelo: " />
         <p:selectOneMenu id="combo_Modelos" value="#{vehiculosBean.modeloSeleccionadoString}" >
          		
          		<f:selectItem itemLabel="Selecciona un modelo" itemValue="" noSelectionOption="true" />
                <f:selectItems value="#{vehiculosBean.modelosString}" />
                
                 
         </p:selectOneMenu>
            
         <p:outputLabel  value="Matrícula: " />
      	 <p:inputText id="input_matricula" value="#{vehiculosBean.matriculaIntroducida}" />
        
         <p:outputLabel  value="Color: " />
      	 <p:inputText id="input_color" value="#{vehiculosBean.colorIntroducido}" />
        
         <p:outputLabel  value="Coste de compra: " />
      	 <p:inputText id="input_coste" value="#{vehiculosBean.costeAdquisicionIntroducido}" />
        
         <p:outputLabel  value="Kilometraje: " />
      	 <p:inputText id="input_kms" value="#{vehiculosBean.kilometrajeIntroducido}" />
        
         <p:outputLabel  for="input_img" value="Imagen (sin extensión): " />
      	 <p:inputText id="input_img" value="#{vehiculosBean.imagenIntroducida}" />
      	 
            
        <p:outputLabel for="button_fecha" value="Fecha de compra: " />
        <p:calendar id="button_fecha" value="#{vehiculosBean.fechaIntroducida}" locale="es" showOn="button" />
       
             
        </h:panelGrid>
   
           
        <p:commandButton value="Registrar vehículo" update="msgs,:form:carsTable" actionListener="#{vehiculosBean.nuevoVehiculo}" icon="ui-icon-check" > 
        	<p:confirm header="Confirmación" message="¿Estas seguro?" icon="ui-icon-alert" /> 
    	</p:commandButton>
            
         <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
        	<p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>
        	<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>     
    	</p:confirmDialog>


                 
</h:form>
			
			
			

	 
	 
	 <h2 class="sub-header">Listado de vehículos</h2>

    
    
    <h:form id="form">
 
    <p:dataTable var="vehiculo" value="#{vehiculosBean.vehiculos}" rowKey="#{vehiculo.idvehiculo}" paginator="true" rows="10"
                selection="#{vehiculosBean.vehiculoSeleccionado}" selectionMode="single" filteredValue="#{vehiculosBean.vehiculosFiltrados}" id="carsTable">
 
        <p:ajax event="rowSelect" update=":form:display" oncomplete="carDialog.show()" />
 
        
        <p:column headerText="Matricula" sortBy="matricula" filterBy="matricula" id="matricula">
            <h:outputText value="#{vehiculo.matricula}" />
        </p:column>
 
 
        <p:column headerText="Modelo" sortBy="modelo.nombre" filterBy="modelo.nombre" id="modelo">
            <h:outputText value="#{vehiculo.modelo.nombre}" />
        </p:column>
 
 
        <p:column headerText="Marca" sortBy="modelo.fabricante.nombre" filterBy="modelo.fabricante.nombre" id="marca">
             <h:outputText value="#{vehiculo.modelo.fabricante.nombre}" />
        </p:column>
        
        
 
 
    </p:dataTable>
 
    <p:dialog header="Car Detail" widgetVar="carDialog" resizable="false"
              width="250" showEffect="explode" hideEffect="explode">
 
        <h:panelGrid id="display" columns="2" cellpadding="4"> 
 
 			<f:facet name="header">
                <p:graphicImage width="200" height="100" value="/img/cars/#{vehiculosBean.vehiculoSeleccionado.rutaImagen}.jpg"/>
            </f:facet>
 
 			 <h:outputText value="---" />
  			 <h:outputText value="---" />
 
            <h:outputText value="ID:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.idvehiculo}" id="dis_idvehiculo"/>
 
            <h:outputText value="Marca:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.modelo.fabricante.nombre}" id="dis_marca"/>
 
            <h:outputText value="Modelo:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.modelo.nombre}" id="dis_modelo"/>
            
            <h:outputText value="Precio de alquiler:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.modelo.costeAlquiler}" id="dis_costeAlquiler"/>
            
             <h:outputText value="Carnets validos:" />
            <h:outputText value="#{vehiculosBean.carnetsVehiculoSeleccionado}" id="dis_carnets"/> 

            
            <h:outputText value="Ancho:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.modelo.ancho}" id="dis_ancho"/>
            
            <h:outputText value="Largo:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.modelo.largo}" id="dis_largo"/>
            
            
            <h:outputText value="Gps:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.modelo.gps}" id="dis_gps"/>
            
            <h:outputText value="Peso:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.modelo.peso}" id="dis_peso"/>
            
            <h:outputText value="Puertas:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.modelo.puertas}" id="dis_puertas"/>
            
 
            <h:outputText value="Matricula:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.matricula}" id="dis_matricula"/>
            
            <h:outputText value="Averiado:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.averiado}" id="dis_averiado"/>
            
            <h:outputText value="Color:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.color}" id="dis_color"/>
            
            <h:outputText value="Coste de adquisición:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.costeAdquisicion}" id="dis_coste"/>
            
            <h:outputText value="Fecha de compra:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.fechaAdquisicion}" id="dis_fecha_compra"/>
            
            <h:outputText value="Kilometraje:" />
            <h:outputText value="#{vehiculosBean.vehiculoSeleccionado.kilometraje}" id="dis_kms"/>
            
            
        </h:panelGrid>
    </p:dialog>
 
</h:form>
    
    
    
    
	
	</ui:define>

</ui:composition>
</html>